<template>
	<view class="">
		<view class="bgf mb24 nav">
			<u-tabs :list="list" lineWidth='64rpx' lineHeight='6rpx' lineColor="#2A71C0" :activeStyle="{
			            color: '#2A71C0',
						fontSize: '26rpx',
						transform: 'scale(1.05)'
			        }" :inactiveStyle="{
			            color: '#666666',
						fontSize: '26rpx',
						transform: 'scale(1)'
			        }" itemStyle="width: 14%;height: 81rpx" :current="current" @change="selectOrder">
			</u-tabs>
		</view>
		<view class="br12 bgf m2432 p24" v-for="item in 10" @click="toPath">
			<view class="flex_btw">
				<view class="fs28 c3 fw500 flex1 sn1 pr20">这是门店名称</view>
				<view class="flex_x">
					<image class="img40" src="/static/classify/tel.png" mode=""></image>
					<image class="img40 ml20" src="/static/classify//map.png" mode=""></image>
				</view>
			</view>
			<view class="cut_line mtb24"></view>

			<view class="">
				<view class="fs28 c2a7 pb10 fw500">
					<view v-if="current == 0 || current == 2">等待取货员配送</view>
					<view v-if="current == 1">清洗中</view>
					<view v-if="current == 3">等待取货员送回</view>
					<view v-if="current == 4">已完成</view>
				</view> 
				<view class="flex btw">
					<view class="flex1 flex">
						<view class="" v-for="item in 4">
							<image class="img120 br12" src="https://cdn.uviewui.com/uview/swiper/swiper1.png" mode="">
							</image>
							<view class="fs24 c3 sn1">这是商这是商</view>
						</view>
					</view>
					<view class="ml10 right flex_x flex_y_end">
						<view class="pr10 fs22 c9">共4件</view>
						<view class="mt4">
							<u-icon name="arrow-right" color="#909090" size="24rpx"></u-icon>
						</view>
					</view>
				</view>
				<view class="cut_line mtb24"></view>
			</view>

			<view class="">
				<view class="flex_btw mb10">
					<view class="fs28 fw500 c3">本单预计收入</view>
					<view class="fw500 cfe4">
						<text class="fs24">￥</text>
						<text class="fs32">10.20</text>
					</view>
				</view>
				<view class="mb10 flex_x">
					<view class="fs24 c9 fw600 mr24">订单编号</view>
					<view class="fs24 c3 fw600 mr10">125556546445</view>
					<view class="flex_x" @click="fz('125556546445')">
						<image class="img32" src="/static/sever/fz.png" mode=""></image>
					</view>
				</view>
				<view class="flex_x">
					<view class="fs24 c9 fw600 mr24">下单时间</view>
					<view class="fs24 c3 fw600">2022-06-01 17:05</view>
				</view>
			</view>

			<view class="" >
				<view class="cut_line mtb24"></view>
				<view class="flex_btw">
					<view class="flex_x">
						<view class="fs24 c9 fw600 mr40">取货员</view>
						<view class="fs24 c3 fw600">小刘</view>
					</view>
					<view class="flex_x">
						<image class="img40" src="/static/classify/tel.png" mode=""></image>
					</view>
				</view> 
			</view>
		</view>
	</view>
</template>

<script>
	import tool from '../../../../utils/tool/tool.js'
	export default {
		components: {},
		data() {
			return {
				list: [{
					name: '配送中'
				}, {
					name: '已入库'
				}, {
					name: '待送回'
				}, {
					name: '送回中'
				}, {
					name: '已完成'
				}],
				current: 0, //标识
			}
		},
		onLoad() {

		},
		onShow() {

		},
		methods: {
			selectOrder(e) { //选择订单状态
				this.current = e.index;
			},
			fz(value) { //复制
				tool.copyText(value)
			},
			toPath() {
				// 1订单详情 2扫码分配
				uni.navigateTo({
					url: `/pages/storagePerson/index/orderDetails/orderDetails?type=${this.current}`
				})
			}
		},
		computed: {

		},
		watch: {

		}
	}
</script>

<style lang="scss" scoped>
	.nav {
		position: sticky;
		top: 0;
		z-index: 99;
	}

	.right {
		width: 120upx;
	}

	.btn1 {
		width: 200upx;
		height: 72upx;
		line-height: 72upx;
	}
</style>
